import router, { asyncRoutes } from './router'
import NProgress from 'nprogress' // progress bar
import 'nprogress/nprogress.css' // progress bar style
import store from './store'
import getPageTitle from './utils/get-page-title'

// NProgress.configure({ showSpinner: false }) // NProgress Configuration

const whiteList = ['/login', '/404'] // no redirect whitelist

router.beforeEach(async(to, from, next) => {
  // start progress bar
  NProgress.start()
  // 如果有token，是不允许去登录页的
  const token = store.state.user.token
  if (token) {
    // 如果有token去发请求拿用户数据
    // 优化重复拿用户信息的请求
    // store.state.user.userInfo.userId这样写不简洁
    if (!store.getters.userId) {
      await store.dispatch('user/getUserActions')
      // 获取menu方法一
      // const res = await store.dispatch('user/getUserActions')
      // console.log(res)
      // console.log(store.getters.userInfo.roles)

      // 获取当前用户menu方法二
      const roleMenu = store.getters.roles.menus

      const filterRoutes = asyncRoutes.filter((item) => {
        return roleMenu.includes(item.children[0].name)
      })
      // console.log(filterRoutes)
      // console.log(re)
      // 把获取到的能访问的页面，放到动态路由里面,用户可以访问添加的路由，但是无法看到侧边菜单
      // 让兜底的404路由设置在所有路由的末尾
      router.addRoutes([...filterRoutes, { path: '*', redirect: '/404', hidden: true }])
      // 将动态路由存到vuex中，就可以看到侧边栏了
      store.commit('menu/updateMenuList', filterRoutes)

      // 解决刷新出现的白屏bug
      // 使用addRoutes之后配合next解决白屏问题
      next({
        ...to, // next({ ...to })的目的,是保证路由添加完了再进入页面 (可以理解为重进一次)
        replace: true // 重进一次, 不保留重复历史
      })

      // 路由官方的 bug 解决方案: 重新定向到目标地点
      // next(to.path)
    }
    //  else {
    //   // 不能重复调用 next(), 所以加一个 else 即可
    //   // 放行
    //   next()
    // }

    // 如果有token
    if (to.path === '/login') {
    // 是否去登录页
      NProgress.done()
      next('/')
    } else {
      next()
    }
  } else {
    // 没有token
    if (whiteList.includes(to.path)) {
      // 是否是白名单
      next()
    } else {
      NProgress.done()
      next('/login')
    }
  }
})

router.afterEach((to) => {
  // finish progress bar
  NProgress.done()
  document.title = getPageTitle(to.meta.title)
  // console.log(to.meta.title)
})
